<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">

    <link rel="stylesheet" href="css/base.css">
    <link rel="stylesheet" href="css/modifyPhonenum.css">

    <script src="js/jquery.min.js"></script>
    <script src="js/modifyPhonenum.js"></script>


    <title>修改手机号</title>
</head>

<body>
    <div class="modifynum_3Q">
        <!-- 个人档案 -->
        <div class="coupons_title">修改手机号</div>

        <!-- 手机号 验证码 -->
        <div class="num_code">
            <div class="modify_num">
                <div class="mnum_title">新手机</div>
                <input class="mnum_input" type="text" id="modifynum" placeholder="请输入新的手机号码" maxlength="11">
            </div>
            <div class="modify_num">
                <div class="mnum_title">验证码</div>
                <input class="mnum_input" type="text" id="modifycode" placeholder="请输入短信验证码">
                <button class="mnum_getcode">点击获取</button>
            </div>
        </div>

        <!-- 确认按钮 -->
        <button class="confirm_btn">确认修改</button>

        <!-- 底部tab栏 -->
        <div class="footer_tab">
            <div class="f_nav">
                <div class="tab_active"></div>
                <img src="images/index/index.png" alt="">
                <text>首页</text>
            </div>
            <div class="f_nav">
                <div></div>
                <img src="images/index/dingdan.png" alt="">
                <text>订单</text>
            </div>
            <div class="f_nav">
                <div></div>
                <img src="images/index/wode.png" alt="">
                <text>我的</text>
            </div>
        </div>
    </div>

</body>

</html>